 

<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
	
  <meta charset="UTF-8"/>
  <meta name="style" content="day1"/>
  
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  
<!--
    Copyright 2021, 2024 5 Mode

    This file is part of Homomm.

    Homomm is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Homomm is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Homomm. If not, see <https://www.gnu.org/licenses/>.
 -->
     
  <title>Homomm: every person its messages..</title>
	
  <link rel="shortcut icon" href="/Public/static/favicon.ico" />
    
  <meta name="description" content="Welcome to Homomm, the alter ego, on premise solution of What Apps, Telegram, Wechat.."/>
  <meta name="robots" content="index,follow"/>
  <meta name="author" content="5 Mode"/> 
  <meta name="keywords" content="homomm,multimedia,messanging,message,exchange,on,premise,solution,software,whatsapp-like"/>
  
  <script src="/Public/static/js/jquery-3.6.0.min.js" type="text/javascript"></script>
  <script src="/Public/static/js/common.js" type="text/javascript"></script>
  <script src="/Public/static/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/Public/static/js/sha.js" type="text/javascript"></script>
  
  <script src="/Public/static/js/home.js" type="text/javascript" defer></script>
  
  <link href="/Public/static/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  <link href="/Public/static/css/style.css?v=041631827777" type="text/css" rel="stylesheet">

  <script>
  		  
  function hideTitle() {
    $("#myh1").hide("slow");
  }
  
  function setOriginsPos() {
    h=parseInt(window.innerHeight);
    w=parseInt(window.innerWidth);
    mytop = parseInt(window.innerHeight - ($("#originsDisplay").height() + 60));
    $("#originsDisplay").css("top", mytop+"px");
    setTimeout("hideOrigins()",15000);
  }

  function hideOrigins() {
    $("#originsDisplay").css("visibility","hidden");
  }  	  
	  
  function startApp() {
    //$("#HCsplash").hide("slow");
    $("#HCsplash").css("display","none");	  
    $(document.body).css("background","#ffffff");
	  
    //$("#originsDisplay").show();
	  
    $("#frmHC").show();
  }			

  window.addEventListener("load", function() {
	
    $("#frmHC").hide();
    $(document.body).css("background","#000000");

    setTimeout("setOriginsPos()", 500);  
	  
    $("#HCsplash").show("slow");	  
    setTimeout("hideTitle()", 2000);
	  
    setTimeout("startApp()", 4000);

 }, true);

</script>    
       
</head>
<body>

<div id="HCsplash" style="padding-top: 160px; text-align:center;color:#ffffff;display:none;">
   <div id="myh1"><H1>Homomm</H1></div><br>
   <img src="/Public/static/res/HMMlogo2.png" style="width:310px;">
</div>

<form id="frmHC" method="POST" target="_self" enctype="multipart/form-data" style="display:none;">

<div class="header">
   <a href="http://homomm.5mode-foss.eu" target="_self" style="color:#000000; text-decoration: none;"><img src="/Public/static/res/HMMlogo2.png" style="width:45px;">&nbsp;Homomm</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/par7133/Homomm" style="color:#000000;"><span style="color:#119fe2">on</span> github</a>
   <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:code@gaox.io" style="color:#000000;"><span style="color:#119fe2">for</span> feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel:+39-378-0812391" style="font-size:13px;background-color:#15c60b;border:2px solid #15c60b;color:#000000;height:27px;text-decoration:none;">&nbsp;&nbsp;get support&nbsp;&nbsp;</a>-->
</div>
	
<div style="clear:both; padding:8px; width:100%; height:110px; overflow-y:auto; text-align:center; border-right: 1px solid #2c2f34;">
	<div style="float:left;width:150px;padding-left:10px;text-align: left;">
	  <a href="https://github.com/par7133/Homomm/archive/refs/tags/v2.2.6.zip">Rel. 2.2.6 (zip)</a><br>
	  <a href="https://github.com/par7133/Homomm/archive/refs/tags/v2.2.6.tar.gz">Rel. 2.2.6 (tar.gz)</a><br>
	</div>
    <!--<img src="/Public/static/res/HMMgenius.png" alt="HC Genius" title="HMM Genius" style="float:left;position:relative; top:-10px;height:148px; border: 1px dashed #EEEEEE;">-->
    <div style="float:left;width:225px;text-align:left;">
    &nbsp;<input type="text" id="Password" name="Password" placeholder="password" style="font-size:10px; background:#ffffff; color:#000000; width:90%; height:30px; border-radius:3px;" value="" autocomplete="off"><br>
    &nbsp;<input type="text" id="Salt" placeholder="salt" style="position:relative; top:+5px; font-size:10px; background:#ffffff; color:#000000; width:90%; height:30px; border-radius:3px;" autocomplete="off"><br>
    &nbsp;<a href="#" onclick="showEncodedPassword();" style="position:relative; top:+5px; color:#000000; font-size:12px;">Hash Me!</a>
	</div>
</div>

<div style="width:100%; height:100%; padding:8px;">
	
	<div id="splash" style="border-radius:20px; position:relative; left:+3px; width:98%; background-color: #f0f8fb; padding: 20px; margin-bottom:8px;">	
	
	   <button type="button" class="close" aria-label="Close" onclick="close-Splash();" style="position:relative; left:-10px;">
             <span aria-hidden="true">&times;</span>
           </button>
	
	   Hello and welcome to Homomm!<br><br>
	   
	   Homomm is a light and simple software on premise to exchange multimedia messages with friends.<br><br>
	   
	   Homomm is released under GPLv3 license, it is supplied AS-IS and we do not take any responsibility for its misusage.<br><br>
	   
     Homomm name comes from the two words: "homines" meaning our choise to give chance to the human beings to come first  
     and "mm" for "multimedia messaging".<br><br>
     
     Homomm doesn't want to be a replacement of Whats App, Telegram, Wechat, etc. but their alter ago.<br><br>
     
	   First step, use the left side panel password and salt fields to create the hash code to insert in the config file for every user. Remember to manually set there also the salt value.<br><br>
	   
	   As you are going to run Homomm in the PHP process context, using a limited web server or phpfpm user, you must follow some simple directives for an optimal first setup:<br>
	   <ol>
	   <li>Check the permissions of your "Repo" folder in your web app private path; and set its path in the config file.</li>
	   <li>In the Repo path create a "user" folder for each user and give to this folder the write permission. Set it appropriately in the config file.</li>
     <li>Check the permissions of your "hmm-img" folder in your web app public path; and set its path in the config file.</li>
     <li>In hmm-img path create a "user" folder for each user and give to this folder the write permission. Set it appropriately in the config file.</li>
	   <li>In the config file, set every "user" information appropriately like in the examples given.</li>
	   <li>Configure your <a href="http://twilio.com">Twilio</a> account information appropriately to send out sms notification.</li>	      
     <li>Configure the server pushing interval to be notified on new chat messages.</li>
     <li>Configure the max history items as required (default: 50).</li>	      
	   </ol>
	   
	   <br>	

       Screenshot:<br><br>
	   <img src="Public/static/res/screenshot1.png" style="width:300px">

	   <br><br>
		
	   Feedback: <a href="mailto:code@gaox.io">code@gaox.io</a>
	   
	</div>	
  	
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>	
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>	
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>	
	
</div>

<div id="originsDisplay">
      <br>
       &nbsp;<span class="originLabel">Coding:</span>&nbsp;Italy<br>         
       &nbsp;<span class="originLabel">Server:</span>&nbsp;United States&nbsp;<br>
       &nbsp;<span class="originLabel"><a href="http://metrica.yandex.com" class="bbb">Metrics</a>:</span>&nbsp;Russia&nbsp;<br>
      <br>
</div>   
	
<div class="footer">
<div id="footerCont">&nbsp;</div>
<div id="footer"><span style="background:#E1E1E1;color:black;opacity:1.0;margin-right:10px;">&nbsp;&nbsp;<a href="https://5mode.com/dd.html">Disclaimer</a>&nbsp;&nbsp;A <a href="http://5mode.com">5 Mode</a> project and <a href="http://demo.5mode.com">WYSIWYG</a> system. CC</span></div>	
</div>

</form>

<script>
  
function setFooterPos2() {
  if (document.getElementById("footerCont")) {
    //if ($("#Password").val() === "") {  
    //    tollerance = 48;
    //  } else {
    //  tollerance = 15;
    //}
    tollerance = 22;  	  
    $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
    $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance + 6) + "px");
  }
}

window.addEventListener("load", function() {
    
  setTimeout("setFooterPos2()", 4000);

}, true);
  
</script>  

</body>	 
</html>	 

